@use 'sass:color';

$themeColor: #942FFB;
// $themeColor: #000;

$layoutPadding: 48px;
// $layoutExtraPadding: 130px;
$layoutExtraPadding: 8%;

$inputBorderColor: #6e726f;
$bgLightenVal: 0%;
$brdLightenVal: 1%;
$successColor: #27e164;
$successBgColor: color.adjust($successColor, $lightness: $bgLightenVal);
$successBorderColor: color.adjust($successColor, $lightness: $brdLightenVal);
$warnColor: #e8960a;
$warnBgColor: color.adjust($warnColor, $lightness: $bgLightenVal);
$warnBorderColor: color.adjust($warnColor, $lightness: $brdLightenVal);
$errorColor: #e12a27;
$errorBgColor: color.adjust($errorColor, $lightness: $bgLightenVal);
$errorBorderColor: color.adjust($errorColor, $lightness: $brdLightenVal);